﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="Vincent.WebUI.List" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
   
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
    
    <script src="js/PublicJS.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        var currentPage = 1; // 当前页
        var pageSize = 2; // 每页显示多少条
        var pageall = 0; // 总页数
        var total = 0; // 总记录数

        // 读取列表
        $(function() {
            showList(currentPage);
        });

        // 条件查询资源列表
        function showList(currentPage) {
            $("#divList").html("<img src=\"images/loading.gif\" />"); // 清空列表 
            $.ajax({
                type: 'POST',
                url: 'Handler/HandlerGoods.ashx',
                data: 'act=good_list&page=' + currentPage + '&pagesize=' + pageSize,
                timeout: '10000',
                error: function() {
                    alert("系统繁忙,请稍候后试！");
                }, success: function(json) {
                    showListCallBack(json);
                }
            });
        }

        /*
        功能: 将返回的json数据进行排版
        json: json数据
        */
        function showListCallBack(response) {
            
            var json = eval("(" + response + ")");
            var record = json.record;

            if (record == null || record.length == 0) {
                $("#divList").html("<font color='red'>&nbsp;系统内暂无您查询的信息!</font>");
                return;
            }

            var page = json.page;

            currentPage = page.currentpage;
            pageall = parseInt(page.pageall);
            total = page.total;

            var arr = [];
            arr.push("<table id='tableList' width='100%' border='0' cellpadding='0' cellspacing='1' bgcolor='#a8c7ce'>");
            arr.push("<tr>");
            arr.push("<td height='25' bgcolor='d3eaef' class='STYLE10'>");
            arr.push("编号");
            arr.push("</td>");
            arr.push("<td height='25' bgcolor='d3eaef' class='STYLE10'>");
            arr.push("名称");
            arr.push("</td>");
            arr.push("<td height='25' bgcolor='d3eaef' class='STYLE10'>");
            arr.push("价格");
            arr.push("</td>");
            arr.push("</tr>");

            var recordLength = record.length;
            for (var i = 0; i < recordLength; i++) {
                if (i % 2 == 0)
                    arr.push("<tr id='tr_" + record[i].id + "' bgcolor='#FFFFFF' style='cursor: pointer;' onclick=\"PublicJS.selectedTr('" + record[i].id + "')\" >");
                else
                    arr.push("<tr id='tr_" + record[i].id + "' bgcolor='#EEEDED' style='cursor: pointer;' onclick=\"PublicJS.selectedTr('" + record[i].id + "')\" >");

                arr.push("<td height='20' class='STYLE6'>");
                arr.push(record[i].id);
                arr.push("</td>");
                arr.push("<td height='20' class='STYLE6'>");
                arr.push("<a href='#' onclick=\"openDetail('" + record[i].id + "')\">" + record[i].goodsname + "</a>");
                arr.push("</td>");
                arr.push("<td height='20' class='STYLE6'>");
                arr.push(record[i].goodsprice);
                arr.push("</td>");               

                arr.push("</tr>");
            }
            arr.push("</table>");
            $("#divList").html(arr.join('')); // 显示列表
            $("#divPage").html(""); // 清空

            var pageHtml = PublicJS.showPage(currentPage, pageall, "showList"); // 分页
            $("#divPage").html(pageHtml);
        }

    </script>
    
</head>
<body>
    <form id="form1" runat="server">
    <div id="divHead" style="margin-top: 2px; margin-bottom: 2px;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td height="24" bgcolor="#353c44">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>
                                <img src="images/tb.gif" width="14" height="14" /><span class="STYLE1">商品列表</span>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div id="divList" style="height: 420px;">
    </div>
    <div id="divPage" style="text-align:center" >
    </div>
    <input id="hID" name="hID" runat="server" type="hidden" />
    
    </form>
        
</body>
</html>
